<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Torus</title>
    <meta name="description" content="Torus - A-Frame">
    <script src="../../../dist/aframe-master.js"></script>
  </head>
  <body>
    <a-scene background="color: #F2F2F2">
      <a-torus></a-torus>
      <a-torus color="lightblue" position="0 2 -5" segments-radial="50" segments-tubular="200"
               radius="5"></a-torus>
      <a-torus color="green" position="2 3 -5" segments-radial="10"></a-torus>
      <a-torus color="green" position="-2 3 -5" segments-tubular="20"></a-torus>
      <a-torus color="tomato" position="0 0 -5" arc="-200"></a-torus>
      <a-torus color="coral" position="-4 0 0"></a-torus>
      <a-torus color="yellow" rotation="90 0 0" position="3 0 0"></a-torus>
      <a-torus color="purple" rotation="0 90 0" position="7 0 -5" radius="2"
               radius-tubular="0.2"> </a-torus>
      <a-entity position="0 0 4">
      	<a-camera></a-camera>
      </a-entity>
    </a-scene>
  </body>
</html>
